import React from "react"

export const techIcons = [
  {
    name: "Material-UI",
    icon: (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="28"
        height="28"
        viewBox="0 0 24 24"
        fill="none"
        className="css-pgi4ag"
      >
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          fill="#0073E6"
          d="M24 5.601V1.592a.344.344 0 0 0-.514-.298l-2.64 1.508a.688.688 0 0 0-.346.597v4.009c0 .264.285.43.514.298l2.64-1.508A.688.688 0 0 0 24 5.6ZM.515 1.295l7.643 4.383a.688.688 0 0 0 .684 0l7.643-4.383a.344.344 0 0 1 .515.298v12.03c0 .235-.12.453-.319.58l-4.65 2.953 3.11 1.832c.22.13.495.127.713-.009l4.61-2.878a.344.344 0 0 0 .161-.292v-4.085c0-.254.14-.486.362-.606l2.507-1.346a.344.344 0 0 1 .506.303v7.531c0 .244-.13.47-.34.593l-7.834 4.592a.688.688 0 0 1-.71-.009l-5.953-3.681A.344.344 0 0 1 9 18.808v-3.624c0-.115.057-.222.153-.286l4.04-2.694a.688.688 0 0 0 .307-.572v-4.39a.137.137 0 0 0-.208-.117l-4.44 2.664a.688.688 0 0 1-.705.002L3.645 7.123a.138.138 0 0 0-.208.118v7.933a.344.344 0 0 1-.52.295L.5 14.019C.19 13.833 0 13.497 0 13.135V1.593c0-.264.286-.43.515-.298Z"
        ></path>
      </svg>
    ),
    rotate: "-rotate-3",
  },
  {
    name: "Ant Design",
    icon: (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="28"
        height="28"
        viewBox="0 0 200 200"
        version="1.1"
      >
        <defs>
          <linearGradient
            x1="62.1023273%"
            y1="0%"
            x2="108.19718%"
            y2="37.8635764%"
            id="linearGradient-1"
          >
            <stop stopColor="#4285EB" offset="0%" />
            <stop stopColor="#2EC7FF" offset="100%" />
          </linearGradient>
          <linearGradient
            x1="69.644116%"
            y1="0%"
            x2="54.0428975%"
            y2="108.456714%"
            id="linearGradient-2"
          >
            <stop stopColor="#29CDFF" offset="0%" />
            <stop stopColor="#148EFF" offset="37.8600687%" />
            <stop stopColor="#0A60FF" offset="100%" />
          </linearGradient>
          <linearGradient
            x1="69.6908165%"
            y1="-12.9743587%"
            x2="16.7228981%"
            y2="117.391248%"
            id="linearGradient-3"
          >
            <stop stopColor="#FA816E" offset="0%" />
            <stop stopColor="#F74A5C" offset="41.472606%" />
            <stop stopColor="#F51D2C" offset="100%" />
          </linearGradient>
          <linearGradient
            x1="68.1279872%"
            y1="-35.6905737%"
            x2="30.4400914%"
            y2="114.942679%"
            id="linearGradient-4"
          >
            <stop stopColor="#FA8E7D" offset="0%" />
            <stop stopColor="#F74A5C" offset="51.2635191%" />
            <stop stopColor="#F51D2C" offset="100%" />
          </linearGradient>
        </defs>
        <g
          id="Page-1"
          stroke="none"
          strokeWidth="1"
          fill="none"
          fillRule="evenodd"
        >
          <g id="logo" transform="translate(-20.000000, -20.000000)">
            <g id="Group-28-Copy-5" transform="translate(20.000000, 20.000000)">
              <g id="Group-27-Copy-3">
                <g id="Group-25" fillRule="nonzero">
                  <g id="2">
                    <path
                      d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"
                      id="Shape"
                      fill="url(#linearGradient-1)"
                    />
                    <path
                      d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"
                      id="Shape"
                      fill="url(#linearGradient-2)"
                    />
                  </g>
                  <path
                    d="M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z"
                    id="Shape"
                    fill="url(#linearGradient-3)"
                  />
                </g>
                <ellipse
                  id="Combined-Shape"
                  fill="url(#linearGradient-4)"
                  cx="100.519339"
                  cy="100.436681"
                  rx="23.6001926"
                  ry="23.580786"
                />
              </g>
            </g>
          </g>
        </g>
      </svg>
    ),
    rotate: "rotate-3",
  },
  {
    name: "shadcn/ui",
    icon: (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 256 256"
        className="h-6 w-6"
      >
        <rect width="256" height="256" fill="none"></rect>
        <line
          x1="208"
          y1="128"
          x2="128"
          y2="208"
          fill="none"
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
          strokeWidth="32"
        ></line>
        <line
          x1="192"
          y1="40"
          x2="40"
          y2="192"
          fill="none"
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
          strokeWidth="32"
        ></line>
      </svg>
    ),
    rotate: "-rotate-2",
  },
  {
    name: "Chakra UI",
    icon: (
      <svg viewBox="0 0 35 35" className="css-1pl7i4d">
        <path
          d="M34.5655 17.9244L28.0585 16.7206L27.3139 18.0099L25.4813 21.1828L20.7231 29.4212C20.5147 29.7819 19.9653 29.6335 19.9653 29.2166V22.2928V21.5412C19.9653 21.1509 19.6901 20.8153 19.3087 20.7404L11.8954 19.2841L5.25929 18.0708C5.26937 18.4155 5.35079 18.7586 5.50582 19.0761L10.9828 28.5803C11.7469 29.9063 13.1577 30.7221 14.6835 30.7201L25.1868 30.7061C26.7118 30.7041 28.1198 29.8854 28.8808 28.5585L34.2409 19.2113C34.4694 18.8138 34.5768 18.3679 34.5655 17.9244Z"
          fill="url(#paint0_linear_:Rhkejsrkq:)"
        ></path>
        <path
          d="M12.642 17.9885L14.4774 14.8034L19.2073 6.59529C19.4154 6.2342 19.9653 6.38242 19.9653 6.79963V14.471C19.9653 14.8617 20.2411 15.1976 20.6231 15.272L28.0585 16.7207L34.5655 17.9245C34.5572 17.5987 34.4841 17.2747 34.3464 16.9717C34.314 16.9004 34.2792 16.8299 34.2397 16.7613L28.8728 7.42387C28.1102 6.09724 26.7007 5.27994 25.1753 5.27994H14.6361C13.1082 5.27994 11.6968 6.09981 10.9352 7.42979L5.58357 16.7749C5.57125 16.7963 5.56056 16.8184 5.54894 16.8401C5.34348 17.2237 5.24692 17.6483 5.25929 18.0708L11.8954 19.2841L12.642 17.9885Z"
          fill="url(#paint1_linear_:Rhkejsrkq:)"
        ></path>
        <defs>
          <linearGradient
            id="paint0_linear_:Rhkejsrkq:"
            x1="33.9534"
            y1="23.645"
            x2="5.78627"
            y2="23.9059"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#3585A3"></stop>
            <stop offset="1" stopColor="#00DEAE"></stop>
          </linearGradient>
          <linearGradient
            id="paint1_linear_:Rhkejsrkq:"
            x1="6.67767"
            y1="12.4545"
            x2="31.7007"
            y2="11.8021"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#3585A3"></stop>
            <stop offset="1" stopColor="#00DEAE"></stop>
          </linearGradient>
        </defs>
      </svg>
    ),
    rotate: "rotate-2",
  },
  {
    name: "React",
    icon: (
      <svg
        width="38"
        height="38"
        viewBox="-10.5 -9.45 21 18.9"
        fill="none"
        color="rgb(88 196 220)"
        xmlns="http://www.w3.org/2000/svg"
        className="text-sm me-0 w-10 h-10 flex origin-center transition-all ease-in-out"
      >
        <circle cx="0" cy="0" r="2" fill="currentColor"></circle>
        <g stroke="currentColor" strokeWidth="1" fill="none">
          <ellipse rx="10" ry="4.5"></ellipse>
          <ellipse rx="10" ry="4.5" transform="rotate(60)"></ellipse>
          <ellipse rx="10" ry="4.5" transform="rotate(120)"></ellipse>
        </g>
      </svg>
    ),
    rotate: "-rotate-1",
  },
  {
    name: "Vue",
    icon: (
      <svg viewBox="0 0 24 24" className="w-6 h-6">
        <path
          fill="#41B883"
          d="M24 1.61h-9.94L12 5.16 9.94 1.61H0l12 20.78L24 1.61zM12 14.08L5.16 2.23h4.43L12 6.41l2.41-4.18h4.43L12 14.08z"
        />
      </svg>
    ),
    rotate: "rotate-1",
  },
  {
    name: "HTML",
    icon: (
      <svg viewBox="0 0 24 24" className="w-6 h-6">
        <path
          fill="#E34F26"
          d="M3 2l1.8 17.5L12 22l7.2-2.5L21 2H3zm14.4 14.8L12 18.5l-5.4-1.7-.4-3.7h2.6l.2 1.8 3 .8 3-.8.4-3.9h-9.4l-.2-2.8h9.8l.2-2.7H5.8l-.2-2.6h12.8l-1 12.1z"
        />
      </svg>
    ),
    rotate: "-rotate-2",
  },
  {
    name: "Figma",
    icon: (
      <svg viewBox="0 0 24 24" className="w-6 h-6">
        <path
          fill="#0ACF83"
          d="M8 24c2.208 0 4-1.792 4-4v-4H8c-2.208 0-4 1.792-4 4s1.792 4 4 4z"
        />
        <path
          fill="#A259FF"
          d="M4 12c0-2.208 1.792-4 4-4h4v8H8c-2.208 0-4-1.792-4-4z"
        />
        <path
          fill="#F24E1E"
          d="M4 4c0-2.208 1.792-4 4-4h4v8H8C5.792 8 4 6.208 4 4z"
        />
        <path
          fill="#FF7262"
          d="M12 0h4c2.208 0 4 1.792 4 4s-1.792 4-4 4h-4V0z"
        />
        <path
          fill="#1ABCFE"
          d="M20 12c0 2.208-1.792 4-4 4s-4-1.792-4-4 1.792-4 4-4 4 1.792 4 4z"
        />
      </svg>
    ),
    rotate: "rotate-3",
  },
  {
    name: "VSCode",
    icon: (
      <svg viewBox="0 0 24 24" className="w-6 h-6">
        <path
          fill="#007ACC"
          d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z"
        />
      </svg>
    ),
    rotate: "-rotate-1",
  },
  {
    name: "Tailwind",
    icon: (
      <svg viewBox="0 0 24 24" className="w-6 h-6">
        <path
          fill="#38BDF8"
          d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"
        />
      </svg>
    ),
    rotate: "rotate-2",
  },
]
